<table class="table table-striped table-bordered table-condensed">
  <thead>
    <tr>
      <th>名称</th>
      <th>CPU使用率</th>
      <th>内存使用率</th>
      <th>主机</th>

    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="m in tops | orderBy:'-cpu_usage' | limitTo:5">

      <td>
          <img ng-src="/static/images/os16/os_{{ m.os_type |lowercase }}.png" alt="" class="img-size16"/>
          {{m.name}}
      </td>
      <td>
<div class="progress">
      <span class="green" style="width: {{m.cpu_usage}}%;"><span>{{m.cpu_usage}}%</span></span>
    </div>

      </td>
      <td>
          <div class="progress">
      <span class="blue" style="width: {{m.mem_usage}}%;"><span>{{m.mem_usage}}%</span></span>
    </div>

      </td>
        <td >{{m.host.host_name}}</td>

    </tr>
  </tbody>
</table>